<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Fuck</title>

  <link href="https://cdn.bootcss.com/fullPage.js/2.9.7/jquery.fullpage.min.css" rel="stylesheet">
  <style>
    /* #fullpage {
      width: 400%;
    }

    .fp-slide {
      width: 25%;
    }
    .fp-slidesContainer{
      width: 400%;
    } */
  </style>
</head>

<body>
  <div id="fullpage">
      <div class="section">
          <div class="slide" style="background-color:antiquewhite"> Slide 1 </div>
          <div class="slide" style="background-color:aquamarine"> Slide 2 </div>
          <div class="slide" style="background-color:antiquewhite"> Slide 3 </div>
          <div class="slide" style="background-color:antiquewhite"> Slide 4 </div>
      </div>
  </div>


  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <!-- <script src="https://cdn.bootcss.com/fullPage.js/2.9.7/jquery.fullpage.extensions.min.js"></script> -->
  <script src="https://cdn.bootcss.com/fullPage.js/2.9.7/jquery.fullpage.min.js"></script>
  <script>
    $(document).ready(function () {
      $('#fullpage').fullpage({

        // scrollHorizontally: true,
        // slidesNavigation: true,
      });
    });
  </script>
</body>

</html>